/* card_list */

.card_list  {  list-style-type:none; margin:0px; }
.clearfix:before,
.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
overflow:hidden;
}
.clearfix {
zoom:1; /* IE < 8 */
}

.txt-align-right { text-align: right; }
.card_list {   }
.card_list li { float:left; min-width:150px; width: 20%; display: block; overflow: hidden; }
.card_list .dragItem { display: block; }
.card_list .unWatchedPt{}
/*.card_list .unWatchedPt .top{background-color:#d6d6d6;border-color:#bdcace;}*/
/*.card_list .unWatchedPt .card_wrapper{background-color:#d6d6d6;color:#666;}*/
.card_list .body {   position: relative; height:147px;}
.card_list .card_wrapper { margin:0 2px 2px 0;  position: relative;  height: 180px; background: #fff; border:#E8EBF2 solid 1px; }
.card_list .card_content { position: absolute; right: 30px; top: 0; left: 0; bottom: 0;  padding: 5px 5px 5px 10px; }
.card_list .top { font-size: 16px; height: 34px; line-height: 34px; background: #f8feff; border-bottom: #89d7ee solid 1px; padding: 0 5px; font-weight: bold; }
.card_list .mark_list { width: 25px; float: right; padding:3px 0 0 5px; }

.day_mark,.stop_mark ,.operation_mark {  padding: 3px;  word-wrap: break-word; width: 13px;  display: inline-block; line-height:1em; text-align: center; margin: 2px 0; }
.day_mark { background: #82A6f5; color: #fff; }
.outTime .day_mark ,.isDaySurgery{ background:#e28149;}

.stop_mark { background: #0b5fa5; color: #fff; }
.operation_mark { background: #73af7b; color: #fff; }
.unWatchedPt .operation_mark{ background:#656565;}
.info_table { width:100%; }
.info_table td { padding: 1px 0; }
.normal_font { font-size: 14px; color: #777; }

.condition {  display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:120px;}

.card_list .contract_bed {  background:url(../images/contract_bed.png);}
.card_list .reserve_bed {  background:url(../images/reserve_bed.png);}
.card_list .stayWatch_bed {  background:url(../images/stay_bed.png);}
/*.todayInpPt .card_wrapper{ background: #d1f9ff; }*/
/*.todayOutpPt .card_wrapper{ background: #e5ffd1; }*/
.onSelect .card_wrapper,.onSelect .card_wrapper .top  { background: #fff4da !important; }
/*.onSelect .contract_bed .top { background: none;  }*/
.card_list .sex  { margin:0 6px 0 0;  float:right;height: 34px; line-height:34px; display: inline-block; }
.card_list .lev { margin:0;  float:right; height: 34px; line-height: 34px; display: inline-block; }
.card_list .age { margin:0 6px 0 2px;  float:right; max-width: 58px;  height: 34px; line-height: 34px; display: inline-block;font-size:12px; }

.patientTypeName { white-space: nowrap;  overflow: hidden;  width: 70px;  display: inline-block; text-overflow: ellipsis; }

.empty_bed .age  .normal_font {  display: none;}
.bedno,.bedno em { color:var(--primary); }

.card_list .name { margin: 0 5px;  float: left; }
.placeHolder div { margin:0 2px 2px 0;  min-width:150px; width: 99%;  height:170px; display: block;  background-color:white !important; border:dashed 1px gray !important; }
body .scroll-view {  position: absolute; top: 45px; left: 0; right: 0; bottom: 0;  min-width: 1280px;  background:#E8EBF2; padding: 5px;  }
body .scroll-content {  overflow-y: auto; }
.contract_bed .top { background: none;}
.hide { visibility: hidden; }
.active .card_wrapper {  background-color:white !important; border:#9E9E9E solid 1px; }
.inpWardName,.mcPayStyle { color: var(--primary); }
.bedNumber {   display: inline-block; white-space: nowrap; overflow: hidden;  max-width:85px; float: left; }
.patientName {  display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:90px; }
.color_man { color:var(--info);  }
.color_famle { color:var(--warning); }